#{extends 'frameHome.html' /} #{set title:'list of hidden topics' /}#{set 'moreStyles'}
<link rel="stylesheet" href="@{'/public/stylesheets/forms.css'}">

<link rel="stylesheet" href="@{'/public/stylesheets/css3buttons.css'}">#{/set}
<div id="main">
	

	<div id="showAllHiddenTopics">

		<h1>List of all hidden Topics</h1>
		<ul>
		#{if allTopics}
		<p>Click on the topic title you wish to unhide!</p>
			#{list items:allTopics, as:'topic'} 
			<li><a href="@{Topics.showTopic(topic.id)}"class="button"><span class="calendar icon"></span>${topic.title}</a>
			#{if permit}
			
			<a href="@{Topics.unhideTopic(topic.id)}"class="pill button"
				onclick="return confirm ('Are you sure you want to unhide this topic?');"> unhide topic
			</a>#{/if} 
				</li>#{/list}
			#{/if} #{else}
			Sorry! This Entity has no hidden Topics!! #{/else}
		</ul>
		
<a href="@{Entity.viewEntity(entityId)}"class="pill button"> Back </a>

	</div>

</div>